﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="Ait.Web.Templates.Home._default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContentPlaceHolder" runat="server">


<style>
/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:681px;
	height:31px !important;
	margin:0 !important; 
	padding:0;	
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0 4px 0 0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

#flowtabs li.last{margin:0;}

/* a- tag inside single tab */
#flowtabs li a {
	background: url(Images/panesTab_sprite.jpg) no-repeat;
	display:block;
	height: 0px;   
	width: 224px; 	
	padding:76px 0 0 0;
	margin:0px;
	overflow:hidden;
	
	/* font decoration */
	
}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ background-position: 0 0}
#flowtabs #t2 			{ background-position: -229px 0}
#flowtabs #t3 			{ background-position: -458px 0}

 
/* mouseover state */
#flowtabs a:hover 		{ color:#fff;	 }
#flowtabs #t1:hover 	{ background-position:      0 -76px; }
#flowtabs #t2:hover 	{ background-position: -229px -76px; }
#flowtabs #t3:hover 	{ background-position: -458px -76px; }


/* currently selected tabs */
#flowtabs a.current		{ cursor:default; }
#flowtabs #t1.current { background-position:      0 -76px; }
#flowtabs #t2.current { background-position: -229px -76px; }
#flowtabs #t3.current { background-position: -458px -76px; }



/* panes */
#flowpanes {
    
	width:681px;
	height:216px;	
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#fff;	
	margin:0px;
}

/* some decorations for elements inside single pane */

	/* override the root element to enable scrolling */
	#flowpanes {
		position:relative;
		overflow:hidden;
		clear:both;
	}

	/* override single pane */
	#flowpanes div {
		float:left;
		display:block;
		width:681px;
	}

	/* our additional wrapper element for the items */
	#flowpanes .items {
		width:20000em;
		position:absolute;
		clear:both;
		margin:0;
		padding:0;
	}

	#flowpanes .less, #flowpanes .less a {
		color:#999 !important;
		font-size:11px;
	}
	
	/* position and dimensions of the navigator */
.naviPos {
    height: 20px;
    position: relative;
    right: -625px;
    top: -296px;
    width: 45px;
	
}


/* items inside navigator */
.naviPos a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	cursor:auto
}

/* mouseover state */
.naviPos a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.naviPos a.active {
	background-position:0 -16px;     
}


	</style>



<script>


// wait until document is fully scriptable
    $(function() {



        //$("#wizard").scrollable();

        // select #flowplanes and make it scrollable. use circular and navigator plugins
        var root = $("#flowpanes").scrollable({ circular: true, mousewheel: true, speed: 1000 }).autoscroll({ autoplay: true, interval: 6000 }); ;

        var api = root.scrollable();

        api.onSeek(function() {
            $('#t1').removeClass("current");
            $('#t2').removeClass("current");
            $('#t3').removeClass("current");
            $('#np1').removeClass("active");
            $('#np2').removeClass("active");
            $('#np3').removeClass("active");

            pos = this.getIndex()
            //alert(pos);
            if (pos >= 0 && pos <= 2) {
                $('#t1').addClass("current");
            } else if (pos >= 3 && pos <= 5) {
                $('#t2').addClass("current")
            } else if (pos >= 5 && pos <= 8) {
                $('#t3').addClass("current")
            }


            
            posdiv = (pos + 1) % 3;

            //alert(pos + "/" + posdiv);
            if (posdiv == 1) {
                $('#np1').addClass("active");
            } else if (posdiv == 2) {
                $('#np2').addClass("active");
            } else if (posdiv == 0) {
                $('#np3').addClass("active");
            }
        });

        $('#t1').click(function() { api.seekTo(0); return false; });
        $('#t2').click(function() { api.seekTo(3); return false; });
        $('#t3').click(function() { api.seekTo(6); return false; });

        $('.naviPos a').click(function() { return false; });

        //$("#t2").

        //class="current" href="#story">Control</a></li>
        //<li><a id="t2" href="#features">Connect</a></li>
        //<li><a id="t3" href="#plugins">Communicate</a></li>

    });
</script>


</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="LcolContentPlaceHolder" runat="server">
    <%--<img runat="server" src="~/Images/twitter.gif" style="margin-top:20px" />--%>
    <div id="twitter">
        <h3>Latest Tweet</h3>
            <ul id="twitter_update_list"></ul>
            <p><a href="http://www.twitter.com/AITPartnership" title="Follow us on Twitter">Follow us on Twitter</a></p>
				</div>

</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="RcolContentPlaceHolder" runat="server">
    
    <div id="HeroContainer" style="";>
    
        

        <!-- panes -->
        
        <!-- tabs work as navigator for scrollable -->
        

        <div id="flowpanes" style="">
        <!-- wrapper for scrollable items -->
	        
	        <div class="items">
	            <div><acms:PostLinkImage ID="PostLinkImage2" CssClass="current" ImageUrl="~/Images/dbImages/hero_communicate_1_InfrastructureManagement.jpg" Path="~/Data-Centre-Management/Data-Centre-Infrastructure-Mgmt" runat="server" /></div>
	            <div><acms:PostLinkImage ID="PostLinkImage1" CssClass="current" ImageUrl="~/Images/dbImages/hero_control_2_DataCentreCostCalculator.jpg" Path="~/Data-Centre-Management/Data-Centre-Cost-Calculator" runat="server" /></div>
	            <div><acms:PostLinkImage ID="imgOne" CssClass="current" ImageUrl="~/Images/dbImages/hero_control_1_datacentreaudit.jpg" Path="~/Data-Centre-Management/Data-Centre-Audit" runat="server" /></div>
                
                
              
                <div><acms:PostLinkImage ID="PostLinkImage5" CssClass="current" ImageUrl="~/Images/dbImages/hero_connect_1_EthernetSwitches.jpg" Path="~/Wireless-Network-Solutions/Ethernet-Switches" runat="server" /></div>
                <div><acms:PostLinkImage ID="PostLinkImage3" CssClass="current" ImageUrl="~/Images/dbImages/hero_connect_1_wirelesslan.jpg" Path="~/Wireless-Network-Solutions/Wireless-LAN" runat="server" /></div>
                <div><acms:PostLinkImage ID="PostLinkImage4" CssClass="current" ImageUrl="~/Images/dbImages/hero_connect_2_freespaceoptics.jpg" Path="~/Wireless-Network-Solutions/Point-to-Point-Wireless" runat="server" /></div>
                <%--<div><acms:PostLinkImage ID="PostLinkImage5" CssClass="current" ImageUrl="~/Images/dbImages/hero_connect_3_unifiedcommunications.jpg" Path="~/Wireless-Network-Solutions/RTLS-Asset-Tracking" runat="server" /></div>--%>
                
                <div><acms:PostLinkImage ID="PostLinkImage6" CssClass="current" ImageUrl="~/Images/dbImages/hero_communicate_1_digitalsignage.jpg" Path="~/Digital-Signage" runat="server" /></div>
                <div><acms:PostLinkImage ID="PostLinkImage7" CssClass="current" ImageUrl="~/Images/dbImages/hero_communicate_2_mediaplayers.jpg" Path="~/Digital-Signage/Digital-Signage-Players" runat="server" /></div>
                <div><acms:PostLinkImage ID="PostLinkImage8" CssClass="current" ImageUrl="~/Images/dbImages/hero_communicate_3_viewdis.jpg" Path="~/Digital-Signage/Digital-Signage-Displays" runat="server" /></div>
                
            </div>
        </div>
        
        <ul id="flowtabs" class="navi">
            <li><a id="t1" class="current" href="#">Control</a></li>
	        <li><a id="t2" href="#">Connect</a></li>
	        <li><a id="t3" href="#">Communicate</a></li>
	    </ul>
      
        



      
      
            
            <%--<img id="Img2" src="~/Images/HeroControl.gif" runat="server">--%>
    </div>
    
    <div class="naviPos" style="">
        <a id="np1" href="#" class="active"></a>
        <a id="np2" href="#" class=""></a>
        <a id="np3" href="#" class=""></a>
    </div>
    
    <div class="lcol">
        <div class="copy">
            <h1><acms:PostDisplayName ID="PostDisplayName1" runat="server" /></h1>
            <acms:HtmlContentControlDisplay ID="acmsText" ControlName="MainCopy" runat="server" />
            
        </div>
    </div>
    <div class="rcol">
        <acms:AcmsDataList ID="dlLatestNews" CssClass="list" DataSourceID="dsLatestNews" AllowPaging="true" PageSize="4" runat="server">
            <HeaderTemplate><h2>Latest News</h2></HeaderTemplate>
                <ItemStyle CssClass="item" />
                <ItemTemplate >
                    <acms:PostLink ID="postLink" runat="server" />
                </ItemTemplate>
                <BottomPagerStyle CssClass="pager" />
        </acms:AcmsDataList>
        <acms:PostDataSource ID="dsLatestNews" runat="server" />
        
        
        <asp:PlaceHolder ID="phQuote1" Visible="false" runat="server">
            <div class="quote">
                <blockquote>"<acms:TextContentControlDisplay runat="server" ControlName="Quote1" ID="Quote1" />"</blockquote>
                <acms:HtmlContentControlDisplay CssClass="ref" runat="server" ControlName="QuoteRef1" ID="QuoteRef1" /><acms:TextContentControlDisplay runat="server" ControlName="QuoteRef1" ID="TextContentControlDisplay1" />
            </div>
        </asp:PlaceHolder>
        
        <asp:PlaceHolder ID="phQuote2" Visible="false" runat="server">
            <div class="quote">
                <blockquote>"<acms:TextContentControlDisplay runat="server" ControlName="Quote2" ID="Quote2" />"</blockquote>
                <acms:HtmlContentControlDisplay CssClass="ref" runat="server" ControlName="QuoteRef2" ID="QuoteRef2" />
            </div>
        </asp:PlaceHolder>
        
        <asp:PlaceHolder ID="phQuote3" Visible="false" runat="server">
            <div class="quote">
                <blockquote>"<acms:TextContentControlDisplay runat="server" ControlName="Quote3" ID="Quote3" />"</blockquote>
                <acms:HtmlContentControlDisplay CssClass="ref" runat="server" ControlName="QuoteRef3" ID="QuoteRef3" />
            </div>
        </asp:PlaceHolder>

<asp:PlaceHolder ID="phQuote4" Visible="false" runat="server">
            <div class="quote">
                <blockquote>"<acms:TextContentControlDisplay runat="server" ControlName="Quote4" ID="Quote4" />"</blockquote>
                <acms:HtmlContentControlDisplay CssClass="ref" runat="server" ControlName="QuoteRef4" ID="QuoteRef4" />
            </div>
        </asp:PlaceHolder>

<asp:PlaceHolder ID="phQuote5" Visible="false" runat="server">
            <div class="quote">
                <blockquote>"<acms:TextContentControlDisplay runat="server" ControlName="Quote5" ID="Quote5" />"</blockquote>
                <acms:HtmlContentControlDisplay CssClass="ref" runat="server" ControlName="QuoteRef5" ID="QuoteRef5" />
            </div>
        </asp:PlaceHolder>
        <%--<div class="shout">
            <h2>Latest News</h2>
            <div class="item">
                <p><a href="#">Adsd Wdfef</a></p>
            </div>
            <div class="item">
                <p><a href="#">Dsdfe fef odfds</a></p>
            </div>
        </div>--%>
        <%--<div class="shout careers">
            <h2>Careers with AIT</h2>
            <div >
                <p>The quick brown fox jumped over the lazy dog.</p>
                <acms:PostLink ID="CareersLink" runat="server" Path="~/About-AIT/Careers" Text="Careers" ToolTip="Careers Page"/>
            </div>
        </div>--%>
        
        <%--<div class="list">
            <h2>Case Studies</h2>
            <ul>
            <li>AIT Provide Digital Signage to NHS Trust<br /><a href="#" class="pdfDownload">Read more</a></li>            <li>IT Provide Digital Signage to NHS Trust<br />Read more</li>            <li>AIT Provide Digital Signage to NHS Trust<br />Read more</li>            </ul>        </div>--%>
        
        <%--<div class="quote">
            <blockquote>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."</blockquote>
            <span class="ref">John Smith</span>                           </div>--%>
    </div>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="FooterContentPlaceHolder" runat="server">
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/AITPartnership.json?callback=twitterCallback2&amp;count=1"></script>
</asp:Content>
